<!DOCTYPE html>
<html>
<head>
    <title>Comact</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="assets/css/jquery.mobile-1.2.0.min.css"/>
    <link rel="stylesheet" href="assets/css/test.css"/>
    <script src="assets/js/jquery-1.8.3.min.js"></script>
    <script src="assets/js/jquery.mobile-1.2.0.min.js"></script>
    <script src="assets/js/moment.min.js"></script>
    <script src="assets/js/test.js"></script>
</head>
<body>
<div data-role="page">
    <div data-role="header" data-position="fixed" data-theme="a">
        <h1>Maison des Savard</h1>
    </div>
    <!-- /header -->

    <a href="#" id="oli-on" data-role="button">Oli On</a>
    <a href="#" id="oli-off" data-role="button">Oli Off</a>
    <a href="#" id="xav-on" data-role="button">Xav On</a>
    <a href="#" id="xav-off" data-role="button">Xav Off</a>


    <div data-role="content">
        <div id="status"></div>
    </div>
    <!-- /content -->
    <div data-role="footer" class="footer-docs" data-position="fixed" data-theme="c">
        <p>&nbsp;&copy; 2013 Christian inc.</p>
    </div>
</div>
</body>
</html>